<template>
    <div className="hello-ezuikit-js">
      <div id="video-container" style="width:610px;height:410px"></div>
          <div>
            <button v-on:click="stop">stop</button>
            <button v-on:click="play">play</button>
            <button v-on:click="openSound">openSound</button>
            <button v-on:click="closeSound">closeSound</button>
            <button v-on:click="startSave">startSave</button>
            <button v-on:click="stopSave">stopSave</button>
            <button v-on:click="capturePicture">capturePicture</button>
            <button v-on:click="fullScreen">fullScreen</button>
            <button v-on:click="getOSDTime">getOSDTime</button>
            <button v-on:click="ezopenStartTalk">开始对讲</button>
            <button v-on:click="ezopenStopTalk">结束对讲</button>
            <button v-on:click="destroy">销毁</button>
          </div>
    </div>
</template>

<script>
import EZUIKit from "ezuikit-js";

let player = null;

export default {
  name: "HelloWorld",
  components: {
    BaiduMapDraw
  },
  props: {
    msg: String
  },
  data() {
    return {
      that: this,
      width: 1600
    }
  },
  mounted() {
    console.group("mounted 组件挂载完毕状态===============》");
    //
    // let options = {
    //   id: 'video-container', // 视频容器ID
    //   accessToken: "at.dluwlbko7a1gsf1r3lj44t9d1ght4ore-51dqtwhwwb-1xrqs4l-u2ioaj29b",
    //   url: 'ezopen://open.ys7.com/L25674522/1.live',
    //   // simple - 极简版; pcLive-pc直播；pcRec-pc回放；mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
    //   //template: 'simple',
    //   plugin: ['talk'], // 加载插件，talk-对讲
    //   width: 600,
    //   height: 400,
    //   //只在自动播放成功时回调，默认不自动播放时不会回调
    //   // handleSuccess: handleSuccessCallback,
    //   // handleSuccess: function (successRes) {
    //   handleSuccess: successRes => {
    //     console.log("handleSuccess successRes: ", successRes)
    //     console.log("handleSuccess this: ", this)
    //
    //     // setTimeout(() => {
    //     //   this.stop();
    //     // }, 1000);
    //   },
    //   handleError: function (errorRes) {
    //     console.log("handleError errorRes: ", errorRes)
    //   },
    //   themeData: {
    //     "autoFocus": 5,
    //     "poster": "https://resource.eziot.com/group1/M00/00/89/CtwQEmLl8r-AZU7wAAETKlvgerU237.png",
    //     "header": {
    //       "color": "#1890ff",
    //       "activeColor": "#FFFFFF",
    //       "backgroundColor": "#000000",
    //       "btnList": [
    //         // {
    //         //   "iconId": "deviceID",
    //         //   "part": "left",
    //         //   "defaultActive": 0,
    //         //   "memo": "顶部设备名称",
    //         //   "isrender": 1
    //         // },
    //         // {
    //         //   "iconId": "deviceName",
    //         //   "part": "left",
    //         //   "defaultActive": 0,
    //         //   "memo": "顶部设备ID",
    //         //   "isrender": 1
    //         // },
    //         // {
    //         //   "iconId": "cloudRec",
    //         //   "part": "right",
    //         //   "defaultActive": 0,
    //         //   "memo": "头部云存储回放",
    //         //   "isrender": 0
    //         // },
    //         // {
    //         //   "iconId": "rec",
    //         //   "part": "right",
    //         //   "defaultActive": 0,
    //         //   "memo": "头部本地回放",
    //         //   "isrender": 0
    //         // }
    //       ]
    //     },
    //     "footer": {
    //       "color": "#FFFFFF",
    //       "activeColor": "#1890FF",
    //       "backgroundColor": "#00000021",
    //       "btnList": [
    //         {
    //           "iconId": "play",
    //           "part": "left",
    //           "defaultActive": 1,
    //           "memo": "播放",
    //           "isrender": 1
    //         },
    //         {
    //           "iconId": "capturePicture",
    //           "part": "left",
    //           "defaultActive": 0,
    //           "memo": "截屏按钮",
    //           "isrender": 1
    //         },
    //         {
    //           "iconId": "sound",
    //           "part": "left",
    //           "defaultActive": 0,
    //           "memo": "声音按钮",
    //           "isrender": 1
    //         },
    //         // {
    //         //   "iconId": "pantile",
    //         //   "part": "left",
    //         //   "defaultActive": 0,
    //         //   "memo": "云台控制按钮",
    //         //   "isrender": 1
    //         // },
    //         {
    //           "iconId": "recordvideo",
    //           "part": "left",
    //           "defaultActive": 0,
    //           "memo": "录制按钮",
    //           "isrender": 1
    //         },
    //         // {
    //         //   "iconId": "talk",
    //         //   "part": "left",
    //         //   "defaultActive": 0,
    //         //   "memo": "对讲按钮",
    //         //   "isrender": 1
    //         // },
    //         {
    //           "iconId": "zoom",
    //           "part": "left",
    //           "defaultActive": 0,
    //           "memo": "电子放大",
    //           "isrender": 1
    //         },
    //         {
    //           "iconId": "hd",
    //           "part": "right",
    //           "defaultActive": 0,
    //           "memo": "清晰度切换按钮",
    //           "isrender": 1
    //         },
    //         {
    //           "iconId": "webExpend",
    //           "part": "right",
    //           "defaultActive": 0,
    //           "memo": "网页全屏按钮",
    //           "isrender": 1
    //         },
    //         // {
    //         //   "iconId": "expend",
    //         //   "part": "right",
    //         //   "defaultActive": 0,
    //         //   "memo": "全局全屏按钮",
    //         //   "isrender": 1
    //         // }
    //       ]
    //     }
    //   },
    // }
    //
    // player = new EZUIKit.EZUIKitPlayer(options);
    // console.log("player: ", player)
    // window.player = player;
  },
  methods: {
    handleSuccessCallback(successRes) {
      console.log("handleSuccessCallback successRes: ", successRes)
      console.log("handleSuccessCallback this ", this)
      // setTimeout(() => {
      //   console.log("setTimeout this: ", this)
      //   console.log("setTimeout that: ", that)
      //   that.stop();
      // }, 1000)
    },
    play() {
      var playPromise = player.play();
      playPromise.then((data) => {
        console.log("promise 获取 数据", data)
      })
    },
    stop() {
      var stopPromise = player.stop();
      stopPromise.then((data) => {
        console.log("stopPromise 获取数据: ", data)
      })
    },
    getOSDTime() {
      var getOSDTimePromise = player.getOSDTime();
      getOSDTimePromise.then((data) => {
        console.log("promise 获取 数据", data)
      })
    },
    capturePicture() {
      var capturePicturePromise = player.capturePicture(`${new Date().getTime()}`);
      capturePicturePromise.then((data) => {
        console.log("promise 获取 数据", data)
      })
    },
    openSound() {
      var openSoundPromise = player.openSound();
      openSoundPromise.then((data) => {
        console.log("promise 获取 数据", data)
      })
    },
    closeSound() {
      var openSoundPromise = player.closeSound();
      openSoundPromise.then((data) => {
        console.log("promise 获取 数据", data)
      })
    },
    startSave() {
      var startSavePromise = player.startSave(`${new Date().getTime()}`);
      startSavePromise.then((data) => {
        console.log("promise 获取 数据", data)
      })
    },
    stopSave() {
      var stopSavePromise = player.stopSave();
      stopSavePromise.then((data) => {
        console.log("promise 获取 数据", data)
      })
    },
    ezopenStartTalk() {
      player.startTalk();
    },
    ezopenStopTalk() {
      player.stopTalk();
    },
    fullScreen() {
      player.fullScreen();
    },
    destroy() {
      var destroyPromise = player.destroy();
      destroyPromise.then((data) => {
        console.log("promise 获取 数据", data)
      })
    }
  }
};
</script>
